/* TNP Colours--------------------------------------------------*/
:root {
  --tnp_dark_blue0: #14235A;
  --tnp_bright_blue0: #599FE1;
  --flask-light-blue: #ecf0f1;
  --tnp_grey_blue1: #E4EAED;
    --tnp_grey_blue0: #7E99AA;
  --metric-triange-size: 20px ;
}

textarea{
    resize:none !important;
}

/* make sure modal is full width*/
.mantine-adyf3h{
    width: 133.3vw !important;
    height: 133vh !important;
    max-height: 133vh !important;
}

.users_table, .delete-icon{
     color: var(--tnp_bright_blue0) !important;
    font-size: 20px !important;
}



.mantine-1lj0vbl{
    box-sizing: border-box;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    padding: 10px 5px 10px 10px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 28px 23px -7px, rgba(0, 0, 0, 0.04) 0px 12px 12px -7px;
    border: 1px solid rgb(233, 236, 239);
    opacity: 1;

    transform: translateX(0px);
    transition-duration: 1ms, 1ms, 1ms;
    transition-timing-function: cubic-bezier(0.51, 0.3, 0, 1.21), cubic-bezier(0.51, 0.3, 0, 1.21), linear;
    transition-property: opacity, transform, max-height;

}


.users_table:hover, .delete-icon:hover {
    color: #9EB979 !important;
    font-size: 20px !important;
    cursor: pointer !important;
}

#xxx_internal_long_callback-notification{
    zoom: 1.5;
}

#tool-image-container-tnp_reporting_tool img{
    width: 75% !important;
    height: 211px !important;
    position: relative;
    left: 34px !important;

}

#tool-image-tnp_ifrs9_ecl_v3 img{

    height: 255px !important;
    position: relative;
    bottom: 10px !important;
}



.delete-icon, .delete-icon:hover{
    position: relative !important;
    right: 18px !important;
    bottom: 22px !important;
}

.cell-1-1{
    margin-bottom: 10px !important;
}


.mantine-1mvg08x:focus, .mantine-Input-input:focus, .mantine-1169nds:focus, .mantine-1169nds:focus-within{
    border-color: var(--tnp_bright_blue0) !important;
}



#toggle-button{
    background-image: linear-gradient(105deg, #14235A  0%, #587485 100%);
    top: 60px !important;
    left: -3px;
}

.offcanvas-body {
    flex-grow: 1 !important;
    overflow-y: hidden !important;
    position: relative !important;
    padding: 1rem 20px 0px 28px !important;;
}



.form-select-lg{
    font-size: 16px !important;
}



@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.5;
    }
}






#remember-me-switch-div .form-check-label{
    font-size: 19px;
    font-weight:300;
}

input:invalid{
    outline: solid 1px #A13B00 !important;
}

#report-metadata-description:invalid {
    outline: none !important;  /* This resets the style for the specific input element */
}


.mantine-InputWrapper-label{
    color: var(--tnp_dark_blue0) !important;
    font-family: "Trebuchet MS", sans-serif !important;
    font-size: 16px !important;
    margin-left: 0px
}

.dashTable p{
    margin-bottom: 0px !important;
}




/* Override site level behaviour--------------------------------*/
body {
    font-family: 'Trebuchet MS', sans-serif !important;
    color: var(--tnp_dark_blue0) !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    zoom: 75% !important;
    background: linear-gradient(0deg, rgba(248,248,249,1) 83%, rgba(255,255,255,1) 100%);


}

.mantine-1einxno, .mantine-rwoji2{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
}

.mantine-1f1lpfp{
    color: #12345A !important;
    border: 1px solid var(--tnp_grey_blue0) !important;
    border-radius: 10px !important;
    box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px !important;

}

.mantine-1einxno{
    color: var(--tnp_dark_blue0) !important;
}


.mantine-1e8s02y{
    background-color: #F8F8F9 !important;
    border: 1px lightgrey solid !important;
    box-shadow:  rgba(0, 0, 0, 0.05) 0px 1px 3px, rgba(0, 0, 0, 0.05) 0px 10px 15px -5px, rgba(0, 0, 0, 0.04) 0px 7px 7px -5px !important;
}


.mantine-kghls4{
    gap: 10px !important
}

.mantine-1lag82t{
    box-shadow: 6px 12px 15px hsl(0deg 0% 0% / 0.38) !important ;
    border: 1px solid #eaeaea !important
}


.validation  div  div  svg  g:first-child g path {
    fill-opacity: 0 !important;
}

.dashboard-card{
    text-decoration: none;
}

.dashboard-card:link {
    text-decoration: none;
}

.dashboard-card:visited {
    text-decoration: none;
}


.dashboard-card:hover{
    text-decoration: none;
    background-color: #e3e3e3 !important;
}

.dashboard-card:active{
    text-decoration: none;
}

.dashboard-card-container:hover {
    text-decoration: none;
    background-color: #e3e3e3 !important;
    zoom:0.97;
    position: relative;
    top: 5px
}

.mantine-1qfguva {
    border: 1px solid #7E99AA  !important;
    border-radius: 10px;
    height: 36px !important;
    width: 36px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px !important;
}

.mantine-1npmtp2{
    color:#A13B00 !important;
}

.mantine-12c3xfa{
    color: #9EB979 !important;
}

.mantine-w70mgx{
    color: #7E99AA !important;
}


.mantine-1jc5t4g{
    color: #14235A !important;
}

.mantine-4c0rp5{
    border:1px solid rgb(214, 214, 214) !important;

}

.dashboard-holder, .dashboard-holder2, .dashboard-holder3 {
    padding: 40px;
    margin-left: 40px;
    height: auto;
    margin-right: 20px;
    border-radius: 2rem;
    bottom: 40px;
    position: relative;

    box-shadow: 0 1rem 3rem rgba(46, 54, 80, 0.175) !important;

}

#mermaid-source, #mermaid-source2{
        zoom: 1 !important;
    }

#notify-run, #notify-complete{
    position: absolute;
    bottom: 7vh;
    zoom: 1.3;
    right: 79vw;
    width: 20vw;
}
#dashboard-grid{
    overflow-y: auto;
    overflow-x: hidden;
    padding: 17px;
    margin-top: 20px;
}

.mantine-2trov4{
    zoom:1.5;
    top:65px !important;
    left:23px !important;

}

.dropdown-menu{
    zoom:1.3
}

.ecl_documentation{
    overflow-y: auto !important;
    zoom: 1 !important
}

.mantine-109t3tn[data-active]{
    background-color: rgb(78, 143, 204) !important;

}

.mantine-13fwyki:disabled{
    color: rgb(100, 100, 100) !important;
    opacity: 1 !important;
}

.macroeconomic-model-tool-body{
    zoom: 0.72 !important;
}




/* For laptop screens and anything up to 1920px width */
@media only screen and (min-width: 0em) and (max-width: 160em) {  /* Ranges from just above 720px to 1920px */
    .iframe{
                transform: scale(1.25);
        transform-origin: top left;
        width: 106.5vw !important;
        height: 105vh !important;
    }

    .new_repsonsive_layout{
        height: 162vh !important;
    }

    .navbar-top{
        zoom:1;
        top: 10px
    }

    .main-page{
        zoom:1
    }

    .main-page2{
        zoom:0.8
    }

    .dashboard-holder, .dashboard-holder-zoom {
        height: 115vh !important;
    }

    .dashboard-holder2{
        height: 120vh !important;
    }

    #dashboard-grid{
        height: 114vh !important;
    }

    .dashboard-holder3{
        height: auto !important;
    }
}

@media only screen and (min-width: 0em) and (max-width: 150em) {
    #mermaid-source{
        zoom: 1 !important;
    }

    #mermaid-source2{
        zoom: 0.85 !important;
    }
}



.linked_page_nav_bar{
    width: 101%;
    height: 77px;
    left: 11px;
    margin-left: -15px;
    text-align: center;
    vertical-align: middle;
}

.js-plotly-plot {
        zoom: 133.3% !important;
    }

.page_width{
        width: 134vw !important;
    }

.page_width_minus_one{
    width: 133vw !important;
}



.display-full-height-button{
    height: 93vh !important;
}

.container-status, .container-log{
    height: 103vh !important;
}


.application_name_z{
    font-size: 20px !important;
    color: var(--tnp_bright_blue0) !important;

}

.Select--multi .Select-value {
    background-color:var(--tnp_grey_blue1) !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 126, 255, 0.24);
    color: #007eff;
    display: inline-block;
    font-size: 0.9em;
    line-height: 1.4;
    margin-left: 5px;
    margin-top: 5px;
    vertical-align: top;
}

#dash-spinner-container
{
     background-color: #F8F8F9 !important;
}

#mm_scenario-col-0 {
    height: 91vh !important;
}

#mm_scenario-col-3 {
    height: 38vh !important;
}

#panel-ecl_runs{
    height: 36vh !important;
}

.infolayer .legend .bg{
    fill-opacity: 0 !important;
}

.rc-slider-mark-text{
    white-space: nowrap !important;
}

#panel-scenario-projection-options{
    height: 45vh !important;
}

#linked_page_content{
    position: relative !important;
    top: 18px !important;
}

#scenario-projection-options, .choice_nav{
    border: none !important;
}



#version_control{
    font-family: 'Trebuchet MS', sans-serif !important;
    color: var(--tnp_grey_blue0) !important;
}

#app-content-row{
    background-color: #F8F8F9 !important;
}


.DateRangePickerInput .DateInput{
    width: 45% !important;
}

.dbc-tabs
{
    margin-top:20px !important;
}

.nav-tabs{
    border-bottom: 2px solid var(--tnp_bright_blue0) !important;
    padding-bottom:10px !important;
}

.nav-tabs .nav-link.active {
    color: var(--tnp_dark_blue0) !important;
    background-color: var(--tnp_grey_blue1) !important;
}

.checkboxTNP label{
    font-size: 16px;

}

.nav-tabs .nav-link{
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

input[type=radio], input[type=checkbox] {
    margin: 5px !important;
    margin-top: 1px !important;
    line-height: normal !important;
}

.version_control{
    font-family: 'Trebuchet MS', sans-serif !important;
    color: var(--tnp_grey_blue0) !important;
}

h1,h2,h3,h4,h5,h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Trebuchet MS', sans-serif !important;
}

p, ol li, ul li, .p {
	font-family: 'Trebuchet MS', sans-serif !important;
}

.container-fluid{
    padding: 0;
}
/*--------------------------------------------------------------*/

/* Navigation bar ----------------------------------------------*/
.app-title{
    font-size: 25px;
    font-weight: bold;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
}

#app-content-row
{
    margin-top: -20px !important;
}
#navbar-container{
    width:100%;
}

#error-row, #error-row2{
    margin-top: 20px;
}

#wrong-password2, #wrong-password{
    margin-bottom: 0 !important;
}

#login-alert, #login-alert2 {
       position: absolute;
    top: 10px;
    left: 20px;
}

.border-info{
    border-color: var(--tnp_bright_blue0) !important;
}

#ecl_metric_bar{
    padding-right: 5px !important;
    margin-left: 5px;
    position: relative;
    top:9px;

}

#panel-reporting-container{
    height: 107vh !important;
}

#reporting_metric_bar{
    padding-right: 5px !important;
    margin-left: 5px;
    position: relative;
    top:9px;
}

#reporting{
    padding-right: 5px !important;
}

.container-fluid{
    padding-right: 0 !important;
    padding-left: 0 !important;;
}

/*--------------------------------------------------------------*/


/* Override tab behaviour---------------------------------------*/
.tab{
    padding: 5px 5px !important;
    margin-top: 0 !important;
    color: var(--tnp_dark_blue0) !important;
    font-family: "Trebuchet MS", sans-serif;
     font-size: 16px !important;
    background-color: #F9FAFB !important;
    border-top: none !important;
}

.tab--selected{
    border-top: 3px solid var(--tnp_bright_blue0) !important;
     background-color: #F8F8F9 !important;
}

.tab:hover {
    background-color: var(--tnp_grey_blue1) !important;
    color: #13245A !important;
    font-weight: bold !important;
    }
/*--------------------------------------------------------------*/

/* Content behaviour--------------------------------------------*/
.page-container{
    padding:20px;
    height: 86vh;

}

.content-block{
    margin-bottom: 20px !important;
    height: 100% !important;
    box-shadow: 3px 3px darkgray;
    border-radius: 5px !important;
}

.content-block .panel-title{
    padding: 5px 1.25rem;
}

.panel-heading
{
    height: 50px !important;
    background-color: rgba(0,0,0,0.03) !important;
    background-image: none !important;

}

.content-block-container{
    padding-bottom:15px;
    height: 100%;
    width: 100%;
}

.wide-panel-block-container{
    padding-left: 30px;
    width: 100%;
}

.panel-body{
    color: var(--tnp_dark_blue0) !important;
    font-family: "Trebuchet MS", sans-serif;
     font-size: 16px !important;
    overflow-y: hidden;
}

.panel-title{
    color: var(--tnp_dark_blue0) !important;
    font-weight: bold;
    font-family: "Trebuchet MS", sans-serif;
     font-size: 20px !important;
     position: relative;
     bottom: 5px;
}

.panel-title-small, .titleContainer{
       font-size: 18px !important;
    padding: 0;
}





.panel-no-header
{
    background-color: white !important;
    border-bottom: white;
    height: 0px !important;
}


.hidden
{
    display: none;
}

.shown
{
    display: block
}

/*--------------------------------------------------------------*/

.focus-input100 {
    border: 1px solid var(--tnp_bright_blue0) !important;

}

#login-app-title{
    margin-bottom: 30px;
    margin-top: 30px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;

}
#form_body{
    padding-right: 60px;
    width: 100%;
}

.login100-form-title, #login-app-title {
    text-transform: uppercase;
    text-align: center;
    font-family: 'Trebuchet MS', sans-serif !important;
}

#logon-img {
    text-align: right;
    width: 100%;
    padding-bottom: 50px;
    padding-top: 10px;
    margin-right: 15px;
}

.iframe{
    overflow-y: hidden;
    top: -22px;
    position: relative;
    width: 134.5vw;
    height: 123vh;
    left: 0px;

    background-color: #F8F8F9;
    border-top: #d6d6d6 1px solid !important;
}

#log-in-body{
    display: contents;

}

#id_input{
    float: left;
}

#password_input{
    float: right;
}

.headline-metric {
    margin-top: 20px;
    border-width: 1px !important;
    height: 90%;
    border-radius: 5px;
    box-shadow: 2px 2px darkgray;
    bottom: 13px !important;
}

.metric-header, .headline-metric, .panel-title{
    text-overflow: ellipsis !important
}

.headline-metric .card-title{
    float:left;
    font-size: 20px;
    font-weight: bolder;
    color: var(--tnp_bright_blue0)

}

.card-header{
    font-weight: bolder;
    font-size: 20px;
}

.info-indicator{
    color: var(--tnp_bright_blue0);
    font-size: 18px !important;
    font-weight: bolder;
    font-style: oblique;
}


.green-indicator {
    width: 25px;
    height: 25px;
    background: #9EB979;
    border-radius: 50%;
    float: right
}

.green-indicator-2 {
    color: var(--tnp_bright_blue0) !important;
    font-size: 23px !important;
    font-weight: bolder;

}



.yellow-indicator {
    width: 25px;
    height: 25px;
    background: #EBD08B;
    border-radius: 50%;
    float: right
}

.amber-indicator {
    width: 25px;
    height: 25px;
    background: #DEB43F;
    border-radius: 50%;
    float: right
}

.amber-indicator-2 {
    color: var(--tnp_bright_blue0) !important;
    font-size: 23px !important;
    font-weight: bolder;

}

.red-indicator {
    width: 25px;
    height: 25px;
    background: #A13B00;
    border-radius: 50%;
    float: right;
}

.darkred-indicator {
    width: 25px;
    height: 25px;
    background: #C00000;
    border-radius: 50%;
    float: right
}

.red-indicator-2 {
    color:var(--tnp_bright_blue0) !important;
    font-size: 23px !important;
    font-weight: bolder;

}

.metric-bar{
    padding-right: 15px;
}

.metric-base-value{
    float: left;
}



.metric-base-value > p, .metric-indicator-container > p{
    color: darkgray;
    font-style: italic;
    margin-bottom: 0 !important;
    font-size: 17px;
    font-family: "Trebuchet MS", sans-serif !important;
}

#panel-process-container > .card-body{
    text-align: center !important;
}

.card-body{
    overflow-y: auto !important;
}

.card{
    padding-bottom: 20px;
}

.headline-metric > .card-body{
    padding-bottom: 5px !important;
}

.card-body-no-header{
    padding: 1px !important;
}

.metric-indicator-container{
    float: right;
}


#nav-bar-row,  #nav-bar-row> .col{
    padding-left:0 !important;
    padding-right:0 !important;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: var(--metric-triange-size) solid transparent;
    border-right: var(--metric-triange-size) solid transparent;
    float: right;
}

.arrow-equal {
    content: ' \00A7';
    color: #DEB43F;
}

.arrow-up-red{
    border-bottom: var(--metric-triange-size) solid #A13B00;
}

.arrow-up-amber{
    border-bottom: var(--metric-triange-size) solid #DEB43F;
}

.arrow-equal-blue{
   content: ' \00A7';
    color: var(--tnp_grey_blue0);
}

.arrow-up-green{
    border-bottom: var(--metric-triange-size) solid #9EB979;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: var(--metric-triange-size) solid transparent;
    border-right: var(--metric-triange-size)solid transparent;
    float: right;
}

.arrow-down-red{
    border-top: var(--metric-triange-size) solid #A13B00;
}

.arrow-down-amber{
    border-top: var(--metric-triange-size) solid #DEB43F;
}

.arrow-down-green{
    border-top: var(--metric-triange-size) solid #9EB979;
}

.panel-actions {
  margin-top: -20px;
  margin-bottom: 0;
  text-align: right;
}

.panel-actions a {
  color: #333;
}

.panel-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}

.col-lg-8.col-md-8.col-xs-8 {
  height: 100%
}
.panel-body {
 height: 94%;

}

tree-view-holder{
    overflow-y: scroll !important;
}

#container,
#container2 {
  height: 100%
}

.glyphicon, .glyphicon-resize-full{
    bottom: 7px !important;
    color: var(--tnp_dark_blue0);
    line-height: 0 !important;
    top: -15px !important;
    /*font-size: 12px !important;*/
    right: -10px !important;

}
.glyphicon-question-sign{

    color: var(--tnp_bright_blue0) !important;


}

.glyphicon, .glyphicon-resize-small{
    color: var(--tnp_dark_blue0);
}

.glyphicon-no-header{
    top: 22px !important;
    font-size: 12px !important;
    right: 5px !important;
}



.panel-no-header > .glyphicon, .panel-no-header > .glyphicon-resize-full
{
    top: 15px !important;
}


.metric-change-value
{
    font-size: 12px;
}

.tooltip_custom .tooltiptext_custom {
  visibility: hidden;
  width: 160px;
  background-color:  #2c3e50;
  color: white !important;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -2px;
  right: 10%;
    font-size: 14px;
    font-family: "Trebuchet MS", sans-serif !important;

}

 p{
    /*color: var(--tnp_dark_blue0) !important;
    #  font-family: "Trebuchet MS", sans-serif !important; */
}

.fa-magnifying-glass, .fa-ban, .fa-filter{
    position:relative;
    left: 5px;
}


#ecl_pivot_pm_tabs .pvtOutput{
    zoom: 0.833333333333;
}

.tooltip_custom > p .tooltiptext_custom > p {
 color: white !important;
    font-size: 14px;}

.metric-header{
    padding-top: 5px !important;
    font-size: 20px !important;
}

#ecl_facility-modal-header{
    font-size: 20px;
}

.tooltip_custom:hover .tooltiptext_custom {
  visibility: visible;
}

.rc-slider-track{
    background-color: var(--tnp_dark_blue0);
}

.rc-slider-handle{
    border: solid 2px var(--tnp_dark_blue0);
}

.rc-slider-dot-active{
    border-color: var(--tnp_dark_blue0)
}

.rc-slider-handle:focus{
    border: solid 2px var(--tnp_dark_blue0);
}

.rc-slider-handle:hover{
    border: solid 2px var(--tnp_dark_blue0);
}

.rc-slider-handle:not(:disabled):not(.disabled):active:focus, .rc-slider-handle:not(:disabled):not(.disabled).active:focus,
.show > .rc-slider-handle.dropdown-toggle:focus {
  box-shadow: 0 0 0 3px var(--tnp_dark_blue0);
}

#tabs-mm_import, #tabs-ifrs9-scenarios, #tabs-atlas_logs{
    border-left:none !important;
}

.sidepanel_open  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 158vh ;
  top: 0px;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 20px;
    width:25%;
    padding-left: 30px;
    border-right: 1px solid var(--tnp_grey_blue0);
    zoom: 0.85;

}

.sidepanel_closed  {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 100vmax ;
  top: 0px;
  left: -5px;

  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
    width:0px;
    padding-left: 0px;
    border-top:  3px solid lightgray ;
    border-right: 1px solid lightgray ;
    box-shadow: 2px 2px darkgray;

}

.sidepanel a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;

}

.sidepanel a:hover {
  color: #f1f1f1;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px !important;;
}

.openbtn {
    position: absolute;
    font-size: 10px !important;;
    cursor: pointer;
    color: white;
    padding: 10px 15px;
    border: none;
    top:30px;
    z-index:1020;
    left:20px;
}



.data-options-headings-top{
    font-size: 16px;
}

.btn_shown
{
    display: block !important;
}

.hidden
{
    display: none !important;;
}

#debug-loading{
    background-color: #F3F3F5 !important;
}

.toolkit-panel-body{
    background-color: #F3F3F5 !important;
    height: 100%;
    border: 1px solid var(--tnp_bright_blue0);
    border-radius: 5px;
    margin-left: 20px;
}

.toolkit-block-container{
    padding-top: 30px;
}

.toolkit-label{
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 20px;
}

.tool-kit-panel{
    position: relative;
    bottom: 35px;
    height: 100%;
    padding-right: 20px;
}

.tool-kit-panel > div{
    margin-left:10px;
}

.toolkit-panel-body >  div{
    width: 100%;
    height: 100%;
}

.inside-panel{
    margin-bottom: 0px !important;
}

.toolkit-panel-body-inside{
    background-color: #F9FAFB !important;
    /* height: 100%; */
    border: 1px solid var(--tnp_bright_blue0);
    border-radius: 5px;
    padding: 5px;
    /* margin-left: 20px; */
}

.control-panel-name{

    font-size: 22px;
    width: 100%;
    margin-left: -20px;
    font-weight: bold;
}

#mySidepanel .toolkit-block-container{
    padding-top: 0 !important;
}

#mySidepanel{
    overflow-y: scroll;
    overflow-wrap: anywhere;
}

.toolkit-block-container-middle{
    margin-top: 40px
}

.squeeze-content {
    width: 75%;
    position: relative;
    left: 25%;
    transition: 0.5s !important;
}

.page-container-wide{
        padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
}

.debug_variable{
    font-size: 10px;
    font-style: italic;
    color: grey;
}

#log-in-details, .log-in-details{
    font-size: 10px !important;
    margin-bottom: 0px;
    height: 68px;
}

footer{
    display: none !important;
}

:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon{
    font-size: 25px !important;
    color: var(--tnp_bright_blue0) !important;
    border-left: none !important;
}

.ant-tree li .ant-tree-node-content-wrapper{
    font-family: "Trebuchet MS", sans-serif  !important;;
    font-size: 16px !important;
    color: var(--tnp_dark_blue0) !important;
}

.ant-tree li{

    border-left: dotted 1px lightgray !important;
    padding: 0px !important;
}

.ant-tree>li:first-child {
    border: none !important;
}

.ant-tree li ul {
    margin: 0;
}

i{
    /*display: none;*/
}

.modal{
    opacity: 1 !important;
}


.collapse{
    visibility: visible !important;
}

.tnp_input_box{
    font-size: 14px !important;
    background-color: #fff !important;

}

.load_save{
    width: 242px;
    height: 150px;
    background-color: lightgray !important;
    margin-right: 40px;
    border-radius: 10px !important;
    margin-top: 20px;
    font-size: 35px !important;
    border-color: transparent !important;
    color: var(--tnp_dark_blue0) !important;
}

.rounded-pill {
    width: 40px;
    height: 40px;
}

.badge{
    padding: 0.75rem 0.4rem !important;
}

.tnp_input_box,
input.tnp_input_box:-internal-autofill-selected, input:-internal-autofill-selected {
    background-color: white  !important;
    color: var(--tnp_dark_blue0) !important;
}

input:-webkit-autofill, input:-internal-autofill-selected {
   background-color: white !important;
    color: var(--tnp_dark_blue0) !important;
}



.tool-card
{
    border: none !important;
}

.tool-card .card-header
{
    background-color: white !important;
}

.titleContainer{
    border-bottom: 2px solid var(--tnp_grey_blue0)
}

.TNP-file-uploader{
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-width: thin;
    border-style: dashed;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
}

.exception{
    margin-top: 5px;
    color: darkred;
    font-weight: bold;
}

.modal-title{
    font-weight: bold;
    font-size: 16px;
    color: var(--tnp_dark_blue0);
}

.modal-body{
    font-size: 16px;
}

.column-header--sort{
    margin-right: 3px !important;
}

#close, #close2{
    font-size: 16px;
}

.dash-spreadsheet.dash-freeze-top, .dash-spreadsheet.dash-virtualized {
     max-height: 800px !important;
}

.input-group-text
{
    background-color: var(--tnp_grey_blue0);
    color: white;
    font-size: 16px;
    border-left: none;
}

.tb-tool-tip  {
    opacity: 1 !important;
    margin-right:35vw !important;
}

.tb-tool-tip2  {
    opacity: 1 !important;
}

.tooltip-inner{
    background-color: var(--tnp_bright_blue0);
    font-size: 13px;
    font-family: "Trebuchet MS"
}

.Select-control{
    height: calc(1.5em + 0.75rem + 2px);
    font-size: 16px;
    font-weight: 400;
    color: #7b8a8b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.false-circleAdmin {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 7.5px;
        -moz-border-radius: 7.5px;
        border-radius: 7.5px;
        background: #A13B00;
        ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.amber-circleAdmin {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 7.5px;
        -moz-border-radius: 7.5px;
        border-radius: 7.5px;
        background: #DEB43F;
        ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.true-circleAdmin {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 7.5px;
        -moz-border-radius: 7.5px;
        border-radius: 7.5px;
        ms-transform: translateY(-50%);
        transform: translateY(-50%);
        background: #9EB979;
    }

.tick_button{
    background: rgb(255, 255, 255) !important;
    border-color: transparent !important;
    color: rgb(158, 185, 121) !important;
    border-radius: 30px !important;
    font-size: 25px !important;
    font-weight: bold !important;
    height: 30px !important;
    width: 30px !important;
    margin-bottom:8px !important;
    box-shadow: none !important;
    margin-left: 10px !important;
    }

.cross_button{
    background: rgb(255, 255, 255) !important;
    border-color: transparent !important;
    color: rgb(161, 59, 0) !important;
    border-radius: 30px !important;
    font-size: 25px !important;
    font-weight: bold !important;
    height: 30px !important;
    width: 30px !important;
    margin-bottom:8px !important;
    box-shadow: none !important;
    margin-left: -10px !important;
}

.download_button{
    background: rgb(255, 255, 255) !important;
    border-color: transparent !important;
    color: rgb(222, 180, 63) !important;
    border-radius: 30px !important;
    font-size: 30px !important;
    font-weight: bold !important;
    height: 30px !important;
    width: 30px !important;
    margin-bottom:8px !important;
    box-shadow: none !important;
}

.tick{
    position: relative;
    bottom: 8px;
    right: 3px;
}

.cross{
    position: relative;
    bottom: 10px;
    right: 3px;
}

.download{
    position: relative;
    bottom: 15px;
    right: 1px;
}

.cross_button:hover{
    background: rgb(161, 59, 0) !important;
    border-color: rgb(161, 59, 0) !important;
    color: #fff !important;
}

.download_button:hover{
    background: rgb(222, 180, 63)!important;
    border-color: rgb(222, 180, 63) !important;
    color: #fff !important;

    }

.tick_button:hover{
    background: rgb(158, 185, 121)!important;
    border-color: rgb(158, 185, 121) !important;
    color: #fff !important;

    }


.TNP_dropdown_box{
    margin-bottom: 10px;
}
mb-3, .my-3 {
    margin-bottom: 10px !important;
    height: 37.5px;
}

.input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) {
    height: 37.5px;
    color: var(--tnp_dark_blue0)
}

.Select, .Select div, .Select input, .Select span {
     color: var(--tnp_dark_blue0) !important;
}

.tab-parent--vert, .tab-content--vert
{
    width: 100%;
    height: 100%;
}

.tab-container--vert
{
    width: 10% !important;

}


.tab-container--vert .tab
{
    height: 20%;
}

.jsx-2309230230{
    text-align: left !important;
}

#Test-10{
    border-bottom: white !important;
}

.tool-card{
    height: 400px;
}

.panel-body div{
   /* height: 100%;*/
}

.panel-no-header
{
    padding: 0px;
}

.panel-no-header h3
{
    padding: 0px;
}

.panel-no-header +div
{
    padding: 24px 20px 0px !important;
    overflow-x: hidden;
    height: 100% !important;
    overflow-y: hidden;

}

.tab-container--vert .tab {
   border: none !important;
}



.tab-parent--vert .tab{
    background-color: white !important;
}

.tab.jsx-2309230230 {
    display: inline-block;
    background-color: white !important;
    border: none !important;
    padding: 20px 25px;
    -webkit-transition: background-color,color 200ms;
    transition: background-color,color 200ms;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}

.tab-container--vert .tab:last-of-type {
    border-bottom: none !important;
    padding-bottom: 35vh !important;
}


.tab-container--vert .tab--selected {

    font-weight: bold ;
}

.first-tab{
    border-top: 1px solid #ddd !important;
}
.last-tab {
    border-bottom: none !important;
}

.tab-content--vert{
     border-top: none !important;
}

.tool-card{
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 40px !important;
}

#input-data-ui-container, #set-up-analysis-panel{
    padding: 0px;
    overflow-x: hidden;
}

#exposure_chart_picker-tooltip-target{
    padding-left: 40px;
    padding-right: 30px;
}

.tab-content {
    padding-right: 10px !important;
}

.scrollable{
    overflow-y: scroll !important;
}

.scrollable2{
    overflow-y: scroll !important;
}

.scrollable_y{
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
.export{
    height: 35px;
    width: 60px;
    margin-bottom:10px;
    border-radius: 8px;
}

.export {
  color: white;
  /*background-color: #2c3e50;
  border-color: #2c3e50;*/
    background-image:linear-gradient(45deg, rgb(20, 35, 90) 0%, rgb(88, 116, 133) 100%);
  font-size: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(46, 54, 80, 0.075); }
  .export:hover {
    color: #fff;
    background-color: rgb(20, 35, 90);
    border-color: rgb(20, 35, 90); }
  .btn-check:focus + .export, .export:focus {
    color: rgb(20, 35, 90) !important;;
    background-color: rgb(20, 35, 90) !important;;
    border-color: rgb(20, 35, 90) !important;;
    box-shadow: inset 0 1px 0 lightgray, 0 1px 1px lightgray, 0 0 0 0.2rem lightgray; }
  .btn-check:checked + .export,
  .btn-check:active + .export, .export:active, .export.active,
  .show > .export.dropdown-toggle {
    color: #262B40;
    background-image:linear-gradient(45deg, rgb(20, 35, 90) 0%, rgb(88, 116, 133) 100%);
    border-color: rgb(20, 35, 90) ; }
    .btn-check:checked + .export:focus,
    .btn-check:active + .export:focus, .export:active:focus, .export.active:focus,
    .show > .export.dropdown-toggle:focus {
      box-shadow: inset 0 3px 5px lightgray, 0 0 0 0.2rem lightgray; }
  .export:disabled, .export.disabled {
    color: #262B40;
    background-color: #ecf0f1;
    border-color: #ecf0f1; }

.export:hover {
  background-color: var(--tnp_dark_blue0);
  border-color: var(--tnp_dark_blue0); }



.btn_submit{
    height: 35px;
    width: 60px;
    color: #fff !important;;
    background-image: linear-gradient(45deg, rgb(20, 35, 90) 0%, rgb(88, 116, 133) 100%);
    margin-bottom:10px !important;;
    border-radius: 5px !important;;
    font-size: 16px !important;;

}

.btn_submit:hover, .btn_submit:focus, .btn_submit.focus{
    color: rgb(20, 35, 90) !important;
    background-color:  rgb(20, 35, 90) !important;
    box-shadow: 0 0 0 0.2rem  rgb(20, 35, 90) !important;
}

.btn_submit:not(:disabled):not(.disabled):active:focus, .btn_submit:not(:disabled):not(.disabled).active:focus,
.show > .btn_submit.dropdown-toggle:focus {
 box-shadow: 0 0 0 0.2rem  rgb(20, 35, 90) !important;
}


.menu_drop_down_button {

    background-image: linear-gradient(45deg, rgb(20, 35, 90) 0%, #262B40 100%);
    border: none !important;
    width: 36px !important;
     color: white !important;

}

.btn_secondary{
    height: 35px;
    width: 60px;
    color: #13245A  !important;;
    background-color: #F2F2F2 !important;;
    border-color: #F2F2F2 !important;;
    margin-bottom:10px !important;;
    border-radius: 5px !important;;
    font-size: 16px !important;;

}

.show .dropdown-menu {
    width: 255px !important;
}

.btn_secondary:hover, .btn_secondary:focus, .btn_secondary.focus{
    color: #13245A   !important;
    background-color:#E6E6E6 !important;
    border-color: #E6E6E6 !important;
    box-shadow:  None !important;
}

.btn_secondary:not(:disabled):not(.disabled):active:focus, .btn_secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn_secondary.dropdown-toggle:focus {
  box-shadow: None !important;
}

.btn_icon{
    height: 35px;
    width: 35px;
    color: var(--tnp_dark_blue0) !important;;
    background-color: white !important;;
    border-color: white !important;;
    margin-bottom:10px !important;
    font-size: 20px !important;;

}

.btn_submit:hover, .btn_submit:focus, .btn_submit.focus{
    color: #13245A !important;
    background-color:#E4EAED !important;
    border-color: #E4EAED !important;
    box-shadow: 0 0 0 0.2rem #E4EAED !important;
}

.btn_submit:not(:disabled):not(.disabled):active:focus, .btn_submit:not(:disabled):not(.disabled).active:focus,
.show > .btn_submit.dropdown-toggle:focus {
  box-shadow: 0 0 0 3px #13245A;
}

#scenario-dropdown_submit-child, #model-dropdown_submit-child{
    position: relative;
    top: 8px;
    left: 3px
}


.btn_modal{
    height: 35px;
    width: 35px;
    color: #fff;
    background-image: linear-gradient(45deg, rgb(20, 35, 90) 0%, rgb(88, 116, 133) 100%) !important;;
    margin-bottom:10px !important;;
    margin-left: 10px !important;;
    border-radius: 8px !important;;
    font-size: 16px !important;;

}

.wide-panel-block-container{
    padding-right: 0px;
}

.mantine-hfw3fh:focus, .mantine-hfw3fh:focus-within {
    outline: none;
    border-color: rgb(34, 139, 230) !important;
}


.btn_modal:hover, .btn_modal:focus, .btn_modal.focus{
    color: #13245A !important;
    background-color:#E4EAED !important;
    border-color: #E4EAED !important;
    box-shadow: 0 0 0 0.2rem #E4EAED !important;
}

.btn_modal:not(:disabled):not(.disabled):active:focus, .btn_modal:not(:disabled):not(.disabled).active:focus,
.show > .btn_modal.dropdown-toggle:focus {
  box-shadow: 0 0 0 3px #13245A;
}



.text-input > div{
    font-size: 16px;
}

.alert
{
    opacity:10 !important;
    color: var(--tnp_dark_blue0);
    margin-top: 0.5rem !important;;
    margin-bottom: 0.5rem !important;
}

.drop-down-check{
    width: 100%;
    background: var(--tnp_grey_blue0);
    border-color: var(--tnp_grey_blue0);
     font-size: 12px !important;
}

.toolkit-frame
{

    padding: 10px;
    border: solid lightgrey 1px;
    border-radius: 8px;
    font-size: 14px;
    background-color: white;

}

.dropdown-menu
{
      width: 100% !important;;
}

.admin-content
{
    height: 68vh;
    border-left: lightgray 1px solid;
    border-right: lightgray 1px solid;
    border-bottom: lightgray 1px solid;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

}

#react-entry-point
{

    position: relative;
    top: 20px;


}

.card-header
{
    padding-bottom: 5px !important;
    padding-top: 15px;
    height: 40px !important;
}

.toggle-button-closed {
    width: 25px;
    padding: 6px;
    height: 150px;
    left: 0px;
    font-size: 18px;
}

.offcanvas-backdrop
{
    zoom:1.5
}

.offcanvas-header{
    margin-right:20px;
    margin-left:20px;
}

.offcanvas-title{
    font-size: 18px !important;
    color: var(--tnp_dark_blue0) !important;;
}

.offcanvas-top{
    height: 134vh !important;
}


::-webkit-scrollbar {
  width: 12px;
    height: 12px;
}

/* Track */
::-webkit-scrollbar-track {

  border-radius: 3px;
  cursor: pointer;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgba(55, 65, 81,0.3);

  border-radius: 3px;
  cursor: pointer;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(55, 65, 81,0.6);
}

.btn-primary:focus{
    border: none !important;
    background-color: #2c3e50
}

.btn-primary:focus{
    border: none !important;
    background-color: #2c3e50
}

.dash-uploader-label
{
    font-size: 14px !important;
    font-family: "Trebuchet MS", sans-serif !important;;
}


.dash-uploader-btn-pause, .dash-uploader-btn-cancel{
    color:#fff !important;
    background-image:linear-gradient(45deg, rgb(20, 35, 90) 0%, rgb(88, 116, 133) 100%) !important;
    border-color: rgb(20, 35, 90) !important;
height: 35px !important;
    width: 80px !important;
font-size: 14px !important;
font-family: "Trebuchet MS", sans-serif;
border-radius: 8px !important;}

.dash-uploader-btn-pause:hover{color:#fff !important;}
.dash-uploader-btn-pause:focus+.dash-uploader-btn-pause,.dash-uploader-btn-pause:focus,
.dash-uploader-btn-cancel:hover{color:#fff !important;}
.dash-uploader-btn-cancel:focus+.dash-uploader-btn-cancel,.dash-uploader-btn-cancel:focus{
    color:#fff !important;
    background-color:rgb(20, 35, 90) !important;
    border-color:#233240 !important;
    box-shadow:0 0 0 .25rem rgba(76,91,106,.5)}



.dash-uploader-label
{
    padding-right: 10px;
}

.btn_submit_alert{
    margin-top: 2px
    !important;
    margin-bottom: 2px !important;
}

.progress-bar{
    background-color: var(--tnp_grey_blue0) !important;
}

.pvtAxisContainer, .pvtVals
{
    background: #F9FAFB !important;
}

.pvtAxisContainer li
{
    padding: 3px 6px !important;
}

.pvtUi
{
    color: var(--tnp_dark_blue0)!important;
    font-family: "Trebuchet MS", sans-serif !important;
}

.pvtAxisContainer li span.pvtAttr
{
    background: white !important;
}

.pvtUi td.pvtOutput {
    vertical-align: top;
    border-bottom: 1px solid #a2b1c6 !important;
    border-right: 1px solid #a2b1c6 !important;
    padding:20px !important;
}

.dash-spreadsheet.dash-freeze-top, .dash-spreadsheet.dash-virtualized
    { max-height: inherit !important; }

.ScrollStyle
{
    max-height: 150px;
    overflow-y: scroll;
}





#reporting{
    padding-right: 5px !important;
}

/*.dash-table-container {max-height: calc(100vh - 225px);}
/*makes the height of the DashTable 225 pix less then the 100% screen */

button#ecl_calculation_table.export
{
    margin-left: 20px !important;
}

#panel-reporting2-container, #panel-reporting4-container
{
    margin-right: 15px !important;
}

#reporting_metric_bar #Average-LGD-metric-card-color
{
    margin-right: 5px;
}

#panel-reporting-tree-container .card-body{
    /*overflow-y: scroll !important;*/
}

#bs-tree-container .card-body{
    overflow-y: scroll !important;
}


#reporting{
    margin-right: 15px;
}


.jsx-2309230230 {
    text-align: left !important;
    height: 30px !important;
}

.tab-content--vert {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: -0px !important;
    /* margin-right: -20px !important; */
}

.nodata {
    font-size: xxx-large;
    position: relative;
    top: 23vh;
    text-align: center;
    color: lightslategray;
    font-style: italic;
}

.tab-content--vert {
    width: 85%;
    position: relative;
}

.tab-container--vert {
    width: 15% !important;
}

.SingleDatePickerInput__withBorder {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    width: 100% !important;
}

.DateInput_tnp.DateInput_1_tnp {
    width: 100%;
}

.SingleDatePickerInput.DateInput{
    width: 100% !important
}

.SingleDatePicker_1 {
    display: block;
}

.div-for-dropdown {
    padding-bottom: 10px;
}

.DateInput {
    margin: 0;
    padding: 0;
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-radius: 12px
}

/* Date Range Picker overrides*/
.DateRangePicker_picker{
    z-index: 9999 !important;
}

.DateRangePicker_picker__directionLeft{
    z-index: 9999 !important;
}


.DateRangePicker_picker__directionLeft_2{
    z-index: 9999 !important;
}

.CalendarDay__selected_span {
    background: #DDECF9;
    border: 1px double #7E99AA;
    color:  #13245A;
}

.CalendarDay__selected, .CalendarDay__selected:active, .CalendarDay__selected:hover {
    background: #DDECF9;
    border: 1px double #7E99AA;
    color: #13245A;
}

.CalendarDay__selected_span:hover {
    background: #13245A;
    border: 1px double #7E99AA;
    color: white;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
    border-top: 26px solid transparent;
    border-right: 33px solid #13245A;
    bottom: 0;
    right: 0;
}



.DateInput_input{
    background-color: white;
}

.DateRangePicker, .DateRangePickerInput__withBorder, #my-date-picker-range{
    width:100%;
    background-color: white;
}

.DateInput_input__disabled, .DateInput_input {
    font-size: 16px;
}

.dash-loading-title
{
    position:absolute;
    top: 69vh;
    font-family: 'Trebuchet MS', sans-serif !important;
    color: var(--tnp_dark_blue0) !important;

}





.dash-spinner-container {
    position: fixed;
    width: 135vw !important;
    height: 135vh !important;
    top: 0;
    left: 0;
    background-color: #F8F8F9;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dash-loading-title {
    text-align: center;
}
.dash-dot-spinner {
    margin: 1rem auto;
    width: 70px;
    text-align: center;
}

.dash-dot-spinner > div {
    width: 18px;
    height: 18px;
    background-color: #14235A;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.dash-dot-spinner .dash-dot-spinner-bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.dash-dot-spinner .dash-dot-spinner-bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    }
}

.inlineRow{
    display: flex;
}

.inline_utility{
    border-bottom: 1px lightgray solid;
    position: relative;
    bottom: 26px;
    right: 20px;
    width: 105%;
}

.glyph-arrow{
    font-size: 16px !important;
}

.glyph-arrow:hover {
    color: var(--tnp_bright_blue0) !important;
    font-weight: bold !important;
    }

.glyphicon3 {
    color: var(--tnp_bright_blue0) !important;
    font-size: 22px !important;
}

.glyphicon3:hover {
    color: #9EB979 !important;
    font-size: 24px !important;
}

.glyphicon4 {
    color:  var(--tnp_bright_blue0) !important;
    font-size: 22px !important;
}


.glyphicon4:hover {
    color: #DEB43F !important;
   font-size: 24px !important;
}

.glyphicon5 {
    color:  var(--tnp_bright_blue0) !important;
    font-size: 22px !important;
}


.glyphicon5:hover {
   color: #A13B00 !important;
   font-size: 24px !important;
}

.btn_hidden, .btn_hidden:hover, .btn_hidden:focus, .btn_hidden:active, .btn_hidden:active:hover
{
  background: transparent !important;
  border: transparent !important;
    box-shadow: none !important;


}

.icon_sort
{
    color: var(--tnp_dark_blue0) !important;
    font-size: 14px !important;
}


.icon_sort:hover
{
    color: var(--tnp_bright_blue0) !important;
}

.password_submit{
    font-size: 19px !important;
    top: -31px !important;
    right: 20px !important;
}

.load_submit{
    color: #9EB979 !important;
    font-size: 19px !important;
    top: -35px !important;
    right: 25px !important;
}

.download_submit{
    font-size: 19px !important;
    top: -35px !important;
    right: 45px !important;
}

.delete_submit{
    color: #A13B00 !important;
     font-size: 19px !important;
    top: -35px !important;
    right: 65px !important;
}

.password_submit:hover, .load_submit:hover, .download_submit:hover, .delete_submit:hover
{
    color: var(--tnp_bright_blue0) !important;
}

#load_staging_file_from_database_table{
    background-color: white !important;

}

.icon-open-tool{
    color: var(--tnp_dark_blue0) !important;
    font-size: 20px !important;
    position: relative;
    top: 13px !important;
    left: -6px


}

.logout_icon {
    color: #A13B00;
    font-size: 25px !important;
    position: relative;
    top: 22px !important;
    right: -1px !important;
}

.dashboard_icon {
    color: var(--tnp_dark_blue0);
    font-size: 25px !important;
    position: relative;
    top: 22px !important;
    right: -1px !important;
}

.menu_items_logout{
    margin-left: 40px;
    position: relative;
    bottom: 10px;
    font-size: 18px;

}


.table-div{
    color: var(--tnp_dark_blue0) !important;
}

.thumbnail-card-header{
    height: 236px !important;
}

.rounded_btn{
    border-radius: 1rem !important;
}

.menu_icon{
    color: var(--tnp_dark_blue0) !important;
    font-size: 20px !important;
    position: relative;
    top: 0px !important;
    right: -1px !important;
}

.mantine-Checkbox-icon{
    top:7px !important;
    left: 9px !important;
}

.mantine-Checkbox-label{
    font-size: 18px !important;
    position: relative;
    top: 4px !important;
}

.mantine-Checkbox-body{
    margin-bottom: 10px !important;
}




.restart-container{
    position: relative !important;
    right: 20px !important;
    top: -34px !important;
    font-size: 24px !important;
}

.restart-container:hover{
    color: #9EB979 !important;
    font-size: 24px !important;
    cursor: pointer !important;
}

.mantine-1cy6o50
{
    max-height: 134vh !important;
    height: 134vh !important;;
}

.button-opaque {
    opacity: 0.5; /* 50% opacity */
    transition: opacity 0.3s ease; /* Smooth transition for opacity changes */
    width: 16px; /* Set button width */
    height: 16px; /* Set button height */
    padding: 0; /* Remove padding */
    border: none; /* Remove border */
    background: none; /* Remove background */
}

.button-opaque:hover {
    opacity: 1.0; /* 100% opacity on hover */
}

/* Adjust font size for icons to fit the button */
.button-opaque .fa {
    font-size: 12px; /* Set font size of icons */
}

.atlas-link{
    content: "";
            position: relative;

            background: #12345A;
            width: 90%;
            height:4px;
            left:3%;
            border-radius:65%;
            filter: blur(12px);
}

.mantine_wrapper .SingleDatePickerInput__withBorder
{
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    height: 36px;
    -webkit-tap-highlight-color: transparent;
    line-height: 34px;
    appearance: none;
    resize: none;
    box-sizing: border-box;
    font-size: 14px;
    width: 100%;
    color: rgb(0, 0, 0);
    display: flex;
    text-align: left;
    min-height: 33px;
    padding-left: 12px;
    padding-right: 0px;
    border-radius: 4px;
    border: 1px solid rgb(206, 212, 218);
    background-color: rgb(255, 255, 255);
    transition: border-color 100ms ease 0s;
    cursor: pointer;
    white-space: nowrap;
}

.mantine_wrapper .DateInput{

   background: transparent;
   width: 100%;
   padding: 3px 0 0 0;
}

.mantine_wrapper .DateInput_input
{
    background: transparent;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    padding: 0;
    color: rgb(0, 0, 0)

}

.mantine_wrapper .SingleDatePickerInput_clearDate
{
    -webkit-tap-highlight-color: transparent;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    cursor: pointer;
    appearance: none;
    font-size: 16px;
    text-align: left;
    text-decoration: none;
    box-sizing: border-box;
    border: 1px solid transparent;
    background-color: transparent;
    color: rgb(134, 142, 150);
    position: relative;
    height: 22px;
    min-height: 22px;
    width: 22px;
    min-width: 22px;
    border-radius: 4px;
    padding: 0px;
    line-height: 1;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    zoom:0.76;
    left: 2px;
}

.mantine_wrapper .SingleDatePickerInput__disabled{
    background-color: rgb(241, 243, 245) !important;
    opacity: 0.6 !important;
    color: rgb(144, 146, 150) !important;
    cursor: not-allowed !important;
}


.model-accordion .tab-container--vert, .model-accordion .tab-container--vert > div{
    background-color: #F3F4F5 !important;
    border-bottom: none !important;
    cursor: pointer !important;
    font-size: 20px !important;

}

.model-accordion .tab-container--vert, .model-accordion .tab-container--vert > span{
    font-size: 20px !important;
}

.model-accordion .tab--selected
{
    color: rgb(120, 160, 0) !important;
}

.model-accordion .tab-container--vert div:last-of-type
{
    border-bottom: none !important;
}